/*
Copyright (c) 2019 Uber Technologies, Inc.
SPDX-License-Identifier: Apache-2.0
*/

.DdgNode--VectorBorder {
  fill: #fff;
  stroke: #bbb;
  stroke-width: 2;
}

.DdgNode--VectorBorder.is-findMatch {
  /* This color may be overridden or removed when other coloring rationales are added */
  stroke: #fadb14;
}

.DdgNode--VectorBorder.is-focalNode {
  stroke: #eb2f96;
}

.DdgNode--VectorBorder.is-pathHovered,
.DdgNode--VectorBorder.is-hovered {
  stroke-opacity: 1;
}

.DdgNode--HtmlEmphasis {
  border-radius: 100%;
  bottom: -20px;
  content: '';
  left: -20px;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: -1;
  margin: 1px 0 0 1px;
}

.DdgNode--HtmlEmphasis.is-findMatch {
  background-image: repeating-linear-gradient(-60deg, #fffb8f, #fff566 3px, #fffb8f 5px);
  border: 1px dashed rgba(173, 139, 0, 0.5);
}

.DdgNode--HtmlEmphasis.is-focalNode {
  background-image: repeating-linear-gradient(30deg, transparent, #eb2f96 3px, transparent 5px);
  border: 1px dashed #eb2f96;
}

.DdgNode--HtmlEmphasis.is-focalNode.is-findMatch {
  background-image: repeating-linear-gradient(30deg, #fffb8f, #eb2f96 3px, #fffb8f 5px);
}

.DdgNode--VectorFindEmphasis--colorBand {
  stroke: #fef876;
  stroke-width: 10;
}
